<template>
<div class="cnode-reply-list">
  <div v-for="(item, index) of list" :key="item.id">
    <reply-item :topic-id="topicId" :data="item" class="cnode-reply-item"></reply-item>
  </div>
</div>
</template>
<script>
import ReplyItem from '@/components/Reply-item'
export default {
  components: {
    ReplyItem
  },
  props: {
    list: {
      type: Array,
      default: Array
    },
    topicId: {
      type: [String, Number],
    }
  },
}
</script>
<style lang="scss" scoped>
.cnode-reply-list {
  padding-top: 16px;
}
.cnode-reply-item {
  padding: 0 16px;
}
</style>
